import { type IComponentData } from '@/stores/editor'
import { v4 as uuidv4 } from 'uuid';

export const leftComponentListData: IComponentData[] = [
  {
    id: uuidv4(),
    name: 'l-text',
    props: {
      text: '大标题',
      fontSize: '30px',
      fontWeight: 'bold',
      tag: 'h2'
    }
  },
  {
    id: uuidv4(),
    name: 'l-text',
    props: {
      text: '正文内容',
      tag: 'p'
    }
  },
  {
    id: uuidv4(),
    name: 'l-text',
    props: {
      text: '链接内容',
      color: '#1890ff',
      textDecoration: 'underline',
      tag: 'p'
    }
  },
  {
    id: uuidv4(),
    name: 'l-text',
    props: {
      text: '按钮内容',
      tag: 'button',
      padding: '8px',
      backgroundColor: 'blue'
    }
  },
  {
    id: uuidv4(),
    name: 'l-image',
    props: {}
  }
]